<script lang="ts">
	interface Props {
		class?: string | undefined | null;
	}

	let { class: className = undefined }: Props = $props();
	
</script>

<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class={className}>
	<path
		d="M4.68659 6.93945H1.51738C1.31146 6.93945 1.14453 7.10638 1.14453 7.31229V10.4815C1.14453 10.6874 1.31146 10.8543 1.51738 10.8543H4.68659C4.89251 10.8543 5.05945 10.6874 5.05945 10.4815V7.31229C5.05945 7.10638 4.89251 6.93945 4.68659 6.93945Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M10.4796 6.93945H7.31034C7.10442 6.93945 6.9375 7.10638 6.9375 7.31229V10.4815C6.9375 10.6874 7.10442 10.8543 7.31034 10.8543H10.4796C10.6855 10.8543 10.8524 10.6874 10.8524 10.4815V7.31229C10.8524 7.10638 10.6855 6.93945 10.4796 6.93945Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M4.68659 1.14453H1.51738C1.31146 1.14453 1.14453 1.31146 1.14453 1.51737V4.68655C1.14453 4.89247 1.31146 5.0594 1.51738 5.0594H4.68659C4.89251 5.0594 5.05945 4.89247 5.05945 4.68655V1.51737C5.05945 1.31146 4.89251 1.14453 4.68659 1.14453Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M6.87531 3.39092C6.64573 3.35099 6.64573 3.02143 6.87531 2.98149C7.707 2.8368 8.36849 2.20332 8.54904 1.37867L8.56287 1.31546C8.61251 1.08857 8.93557 1.08716 8.9872 1.31361L9.004 1.38727C9.19127 2.20803 9.85291 2.83616 10.6823 2.98045C10.9131 3.02059 10.9131 3.35183 10.6823 3.39197C9.85291 3.53626 9.19127 4.16439 9.004 4.98514L8.9872 5.05881C8.93557 5.28526 8.61251 5.28385 8.56287 5.05696L8.54904 4.99374C8.36849 4.16909 7.707 3.53562 6.87531 3.39092Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
</svg>
